<template>
    <div class="title-wrapper pf">
      <div class="title tc" ref="title">
        <i class="pa back-icon" @click="$router.push({name:'name'})"></i>
        <slot name="title-name"></slot>
      </div>
    </div>
</template>

<script>

    export default {
        name: "Title",
        data() {
            return {}
        },
        methods: {}
    }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  .title-wrapper
    width 100%
    height 100px
    top 0
    left 0
    z-index 9
    .title
      height 100px
      line-height 100px
      font-size 36px
      background #eeeeee
      .back-icon
        top 0
        left 0
        width 80px
        height 100px
        background url("./back-icon.png") no-repeat center center
        background-size 20px 36px
</style>
